<main>
    <div class="container">
        <div class="navigation">
            <ul class="gnav">
                <li><a href="https://cybozudev.kf5.com/hc/kb/category/27412/">开始</a></li>
                <div class="dropdown1">
                    <a href="https://cybozudev.kf5.com/hc/kb/category/27413/" class="dropbtn">教程</a>
                    <div class="dropdown-content">
                        <a href="https://cybozudev.kf5.com/hc/kb/section/106247/">kintone自定义概要</a>
                        <a href="https://cybozudev.kf5.com/hc/kb/section/106248/">kintone API入门系列</a>
                        <a href="https://cybozudev.kf5.com/hc/kb/section/1001894/">kintone自定义的技巧</a>
                    </div>
                </div>
                <div class="dropdown1">
                    <a href="https://cybozudev.kf5.com/hc/kb/category/27414/" class="dropbtn">API文档和SDK</a>
                    <div class="dropdown-content">
                        <a href="https://cybozudev.kf5.com/hc/kb/section/106249/">kintone API指南</a>
                        <a href="https://cybozudev.kf5.com/hc/kb/section/106250/">kintone REST API</a>
                        <a href="https://cybozudev.kf5.com/hc/kb/section/106251/">kintone JavaScript API</a>
                        <a href="https://cybozudev.kf5.com/hc/kb/section/1000278/">kintone 插件开发</a>
                        <a href="https://cybozudev.kf5.com/hc/kb/section/1000279/">SDK（β）/ Tools</a>
                    </div>
                </div>
                <div class="dropdown1">
                    <a href="https://cybozudev.kf5.com/hc/kb/category/27415/" class="dropbtn">开发范例</a>
                    <div class="dropdown-content">
                        <a href="https://cybozudev.kf5.com/hc/kb/section/106252/">自定义开发</a>
                        <a href="https://cybozudev.kf5.com/hc/kb/section/1019421/">第三方API整合</a>
                    </div>
                </div>
                <div class="dropdown1">
                    <a href="https://cybozudev.kf5.com/hc/kb/category/27416/" class="dropbtn">插件</a>
                    <div class="dropdown-content">
                        <a href="https://cybozudev.kf5.com/hc/kb/section/1073272/">插件</a>
                    </div>
                </div>
                <div class="dropdown1">
                    <a href="https://cybozudev.kf5.com/hc/kb/category/27417/" class="dropbtn">工具</a>
                    <div class="dropdown-content">
                        <a href="https://cybozudev.kf5.com/hc/kb/section/106254/">开发工具</a>
                        <a href="https://cybozudev.kf5.com/hc/kb/section/106255/">CDN</a>
                    </div>
                </div>
                <div class="dropdown1">
                    <a href="https://cybozudev.kf5.com/hc/kb/category/28043/" class="dropbtn">通知</a>
                    <div class="dropdown-content">
                        <a href="https://cybozudev.kf5.com/hc/kb/section/108672/">API更新信息</a>
                        <a href="https://cybozudev.kf5.com/hc/kb/section/108673/">资讯动态</a>
                    </div>
                </div>
            </ul>
            <div class="search-index">
                <form accept-charset="UTF-8" action="/hc/search/results/" class="main-header-search" method="get" role="search">
                    <label for="search"><input id="search" name="keyword" placeholder="输入问题关键字，找到答案" type="search"><i class="icon-search"></i></label>
                </form>
            </div>
        </div>
        <div class="content_index">
            <!--<div class="notification">
                <p><strong style="font-size:18px;">公告：</strong><a href="https://cybozudev.kf5.com/hc/kb/article/223780/" class=“note”>cybozu developer network 于2016年11月16日正式发布了！</a> </p>
            </div>-->
            <script src="https://git.oschina.net/cybozudev/zhcn/raw/master/js/slider.js" type="text/javascript"></script>
            <div class="banner">
                <ul class="imageBanner">
                    <li style="display: list-item;">
                        <a href="https://cybozudev.kf5.com/hc/kb/article/1183293/"><img
                            src="https://git.oschina.net/cybozudev/zhcn/raw/master/img/banner12.png"/></a>
                    </li>
                    <li style="display: none;">
                        <a href="https://cybozudev.kf5.com/hc/kb/article/1162624/"><img
                            src="https://git.oschina.net/cybozudev/zhcn/raw/master/img/banner10.png"/></a>
                    </li>
                    <li style="display: none;">
                        <a href="https://cybozudev.kf5.com/hc/kb/article/1162148/"><img
                            src="https://git.oschina.net/cybozudev/zhcn/raw/master/img/banner08.png"/></a>
                    </li>
                    <li style="display: none;">
                        <a href="https://cybozudev.kf5.com/hc/kb/article/1126931/"><img
                            src="https://git.oschina.net/cybozudev/zhcn/raw/master/img/banner06.png"/></a>
                    </li>
                </ul>
                <div class="btt">
                    <span style="background: rgb(255, 255, 255) none repeat scroll 0% 0%;"></span>
                    <span style=""></span>
                    <span style=""></span>
                    <span style=""></span>
                </div>
            </div>
            <div class="row">
                <div class="top-2column">
                    <div class="example">
                        <div class="title">
                            <h2 class="title1"><img
                                src="https://git.oschina.net/cybozudev/zhcn/raw/master/img/index-icon01.png"/>&nbsp;&nbsp;&nbsp;热门样品
                                <a href="https://cybozudev.kf5.com/hc/kb/category/27416/" class="subscribe">更多</a></h2>
                        </div>

                        <div class="example01">
                            <a target="_blank" href="https://cybozudev.kf5.com/hc/kb/article/1068202/">
                                <img src="https://git.oschina.net/cybozudev/zhcn/raw/master/img/example04.png">
                                <div class="example-content">
                                    <h3>微信里写周报添加到kintone应用的方法</h3>
                                    <p> 本篇文章将为大家介绍如何在微信里写周报内容，添加到kintone的周报应用里。</p>
                                </div>
                            </a>
                        </div>

                        <div class="example01">
                            <a target="_blank" href="https://cybozudev.kf5.com/hc/kb/article/211164/">
                                <img src="https://git.oschina.net/cybozudev/zhcn/raw/master/img/example02.png" alt="Forest">
                                <div class="example-content">
                                    <h3>用甘特图显示To Do</h3>
                                    <p> 此范例介绍如何使用甘特图显示To Do应用的记录列表。</p>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>

                <div class="top-2column">
                    <div class="top-categorys">
                        <a class="top-category01" href="https://cybozudev.kf5.com/hc/kb/category/27412/">
                            <div class="introduce-image">
                                <img src="https://git.oschina.net/cybozudev/zhcn/raw/master/img/dev1.png">
                            </div>
                            <h3 class="introduce-name">介绍</h3>
                        </a>

                        <a class="top-category02" href="https://cybozudev.kf5.com/hc/kb/category/27414/">
                            <div class="introduce-image">
                                <img src="https://git.oschina.net/cybozudev/zhcn/raw/master/img/dev2.png">
                            </div>
                            <h3 class="top-category-name">API文档工具</h3>
                        </a>

                        <a class="top-category03" href="https://cybozudev.kf5.com/hc/kb/category/27413/">
                            <div class="introduce-image">
                                <img src="https://git.oschina.net/cybozudev/zhcn/raw/master/img/dev3.png">
                            </div>
                            <h3 class="top-category-name">教程</h3>
                        </a>

                        <a class="top-category04" href="https://cybozudev.kf5.com/hc/community/topic/">
                            <div class="introduce-image">
                                <img src="https://git.oschina.net/cybozudev/zhcn/raw/master/img/dev4.png">
                            </div>
                            <h3 class="top-category-name">讨论社区</h3>
                        </a>
                    </div>
                </div>
            </div><!--end row1-->

            <!--<div class="row">
                <!-- third row <!--
                <div class="top-3column">
                    <div class="title">
                     <h2 class="title1"><img src="https://p5.zdassets.com/hc/theme_assets/1146042/200346687/2-103.png"> &nbsp;&nbsp;&nbsp;API更新情报
                            <a href="https://cybozudev.kf5.com/hc/kb/category/27416/" class="subscribe">更多</a></h2>
                        </div>

                        <div class="articleList">
                            <ul class="list-articles">
                                <li class="txt-item"><a href="https://cybozudev.kf5.com/hc/">2016年8月10日第二部分的定期维护kintone
                                    API更新信息</a><span class="date">2016/08/18</span></li>
                                <li><a href="https://cybozudev.kf5.com/hc/">定期维护20156年9月13日的Garoon的API更新信息之前</a><span class="date">2016/08/18</span></li>
                                <li><a href="https://cybozudev.kf5.com/hc/">2016年8月10日第一部分的定期维护kintone API更新信息</a><span class="date">2016/08/15</span></li>
                                <li><a href="https://cybozudev.kf5.com/hc/">2016年8月12日在定期维护，更新kintone API的信息</a><span class="date">2016/08/13</span></li>
                                <li><a href="https://cybozudev.kf5.com/hc/">2016年8月12日定期维护前信息kintone API更新</a><span class="date">2016/08/11</span></li>
                                <li><a href="https://cybozudev.kf5.com/hc/">2016年8月12日的定期维护的现有信息kintone API更新</a><span class="date">2016/08/09</span></li>
                                <li><a href="https://cybozudev.kf5.com/hc/">2016年8月09日的定期维护更新信息</a><span class="date">2016/08/09</span></li>
                                <li><a href="https://cybozudev.kf5.com/hc/">kintone API新功能提示在2016年7月22日的定期保养</a><span class="date">2016/08/08</span></li>
                                <li><a href="https://cybozudev.kf5.com/hc/">定期维护2016年7月12日的kintone API更新信息之前</a><span class="date">2016/07/18</span></li>
                                <li><a href="https://cybozudev.kf5.com/hc/">kintone API新功能提示在2016年7月12日的定期保养</a><span class="date">2016/07/18</span></li>
                            </ul>
                        </div>
                    </div>

                <div class="top-3column01">
                    <div class="title">
                        <h2 class="title1"><img
                                src="https://p5.zdassets.com/hc/theme_assets/1146042/200346687/2-104.png" align="left">&nbsp;&nbsp;&nbsp;资讯动态
                            <a href="https://cybozudev.kf5.com/hc/kb/section/108673/" class="subscribe">更多</a></h2>
                    </div>
                    <div id="sampleUpdate" class="articleList">
                        <ul class="list-articles">
                            <li><a href="https://cybozudev.kf5.com/hc/">2016年8月13日的开发者网络的设计更新</a><span class="date">2016/08/13</span>
                            </li>
                            <li><a href="https://cybozudev.kf5.com/hc/">2016年6月19日三三的kintone功能额外公告</a><span
                                    class="date">2016/08/13</span></li>
                            <li><a href="https://cybozudev.kf5.com/hc/">2016年7月19日Garoon的门户网站利用技巧第二版刊登的公告</a><span
                                    class="date">2016/08/11</span></li>
                            <li><a href="https://cybozudev.kf5.com/hc/">温馨提示2016年7月14日公布的通知</a><span class="date">2016/07/13</span>
                            </li>
                            <li><a href="https://cybozudev.kf5.com/hc/">温馨提示2016年7月11日公布的通知</a><span class="date">2016/07/13</span>
                            </li>
                            <li><a href="https://cybozudev.kf5.com/hc/">合作技巧的2016年7月6日kintone发表公告</a><span class="date">2016/07/11</span>
                            </li>
                            <li><a href="https://cybozudev.kf5.com/hc/">温馨提示2016年6月28日公布的通知</a><span class="date">2016/06/13</span>
                            </li>
                            <li><a href="https://cybozudev.kf5.com/hc/">合作技巧的2016年6月27日kintone发表公告</a><span
                                    class="date">2016/06/13</span></li>
                            <li><a href="https://cybozudev.kf5.com/hc/">合作技巧的2016年5月31日公告的Garoon公布</a><span
                                    class="date">2016/05/13</span></li>
                            <li><a href="https://cybozudev.kf5.com/hc/">合作技巧的2016年6月27日kintone发表公告</a><span
                                    class="date">2016/06/13</span></li>
                        </ul>
                    </div>
                </div>

                <div class="top-3column01">
                    <div class="title">
                        <h2 class="title1"><img
                                src="https://p5.zdassets.com/hc/theme_assets/1146042/200346687/2-102.png" align="left">
                            &nbsp;&nbsp;&nbsp;论坛
                            <a href="https://cybozudev.kf5.com/hc/kb/category/27416/" class="subscribe">更多</a></h2>
                    </div>
                    <div class="articleList">
                        <ul class="list-articles">
                            <li><a href="https://cybozudev.kf5.com/hc/">JavaScript的定制论坛</a><span
                                    class="date">2016/05/13</span></li>
                            <li><a href="https://cybozudev.kf5.com/hc/">2016年7月19日三三的kintone功能额外公告</a><span
                                    class="date">2016/05/13</span></li>
                            <li><a href="https://cybozudev.kf5.com/hc/">2016年7月19日Garoon的门户网站利用技巧第二版刊登的公告</a><span
                                    class="date">2016/05/13</span></li>
                            <li><a href="https://cybozudev.kf5.com/hc/">温馨提示2016年7月14日公布的通知</a><span class="date">2016/05/13</span>
                            </li>
                            <li><a href="https://cybozudev.kf5.com/hc/">温馨提示2016年7月11日公布的通知</a><span class="date">2016/05/13</span>
                            </li>
                            <li><a href="https://cybozudev.kf5.com/hc/">合作技巧的2016年7月6日kintone发表公告</a><span class="date">2016/05/13</span>
                            </li>
                            <li><a href="https://cybozudev.kf5.com/hc/">温馨提示2016年6月28日公布的通知</a><span class="date">2016/05/13</span>
                            </li>
                            <li><a href="https://cybozudev.kf5.com/hc/">合作技巧的2016年6月27日kintone发表公告</a><span
                                    class="date">2016/05/13</span></li>
                            <li><a href="https://cybozudev.kf5.com/hc/">合作技巧的2016年5月31日公告的Garoon公布</a><span
                                    class="date">2016/05/13</span></li>
                            <li><a href="https://cybozudev.kf5.com/hc/">合作技巧的2016年5月31日公告的Garoon公布</a><span
                                    class="date">2016/05/13</span></li>
                        </ul>
                    </div>
                </div>
            </div>-->

            <div class="row">
                <!-- third row -->
                <div class="top-3column">
                    <div id="hot-article">
                        <img src="https://git.oschina.net/cybozudev/zhcn/raw/master/img/index-icon02.png" class="small">
                        {{hot_articles}}
                    </div>
                </div>

                <div class="top-3column">
                    <div id="promoted">
                        <img src="https://git.oschina.net/cybozudev/zhcn/raw/master/img/index-icon03.png" class="small">
                        {{promoted_articles}}
                    </div>
                </div>

                <div class="top-3column">
                    <img src="https://git.oschina.net/cybozudev/zhcn/raw/master/img/index-icon04.png" class="small">
                    <a href="/community/topic/" class="subscribe1">更多</a>
                    <div id="community">
                        {{community}}
                    </div>
                </div>
            </div>
        </div>
    </div>
</main>
